/**
 * Created by yongmingwei on 16/10/25.
 */
/**
 * Created by yongmingwei on 16/10/25.
 */
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View
} from 'react-native';
/**-----导入外部的组件类--------**/
import TabNavigator from 'react-native-tab-navigator';
var Main = React.createClass(
    {
        render() {
            return (
                <TabNavigator>
                    {/*首页*/}
                    <TabNavigator.Item
                        title = "首页"
                        renderIcon={() => <Image source={{uri : 'icon_tabbar_homepage'}} style={styles.iconStyle}/>}
                        renderSelectedIcon={() => <Image source={{uri : 'icon_tabbar_homepage_selected'}} style={styles.iconStyle}/>}
                        >

                    </TabNavigator.Item>
                    {/*商家*/}
                    {/*我的*/}
                    {/*更多*/}
                </TabNavigator>
            );
        }
    }
);


const styles = StyleSheet.create({
    iconStyle:{
      with :30, height30,

    },
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    },
});

//输出组件累
module.exports = Main;